<script>
export default {
  props: {
    columns: {
      type: Array,
      default() {
        return []
      },
    },
    // list:{
    //   type:Array,
    //   default(){
    //     return []
    //   }
    // }
  },
  data() {
    return {
      // list:[
      //   { id:1,name:"张三1",age:23 },
      //   { id:2,name:"张三2",age:33 },
      //   { id:3,name:"张三3",age:23 },
      //   { id:4,name:"张三4",age:23 },
      //   { id:5,name:"张三5",age:23 },
      // ],
      // columns:[
      //   { label:"姓名",prop:"name" },
      //   { label:"年龄",prop:"age" },
      //   { label:"年龄",template:"abc" },
      // ]
    }
  },
}
</script>

<template>
  <el-table v-bind="$attrs">
    <!-- <el-table-column label="序号" type="index" width="50" /> -->
    <!-- <el-table-column label="姓名" prop="name" ></el-table-column> -->
    <!-- <el-table-column v-for="col in columns"
      :label="col.label"
      :prop="col.prop"
    >
    </el-table-column> -->
    <el-table-column v-for="(col, index) in columns" v-bind="col" :key="index">
      <template v-if="col.template" #default="{ row, $index }">
        <!-- eslint-disable-next-line vue/valid-attribute-name -->
        <slot :name="col.template" :row="row" :$index="$index"></slot>
      </template>
    </el-table-column>
  </el-table>
</template>
